<template>
	<el-container class="home-container">

		<!--头部区域-->
		<el-header style="height:72px">
			<div>
				<span>非遗·唤醒·传承（系统首页部分）</span>
			</div>
		</el-header>
		<!--主体区域-->
		<el-container class="container">
			<!--主体区域-->
			<el-main>
				这里是首页区域
				<div @click='toProvince'>这里省级</div>
				<!-- <router-view></router-view> -->
			</el-main>
		</el-container>
	</el-container>
</template>
<script>
	// import LogDialog from '../components/Account/LogDialog.vue'
	export default {
		// components: {
		// 	LogDialog
		// },
		data() {
			return {
				// nowRoute: 0,
			}
		},
		created() {
			// let now = this.$router.currentRoute.path;
			// console.log(now);
			// if (now.startsWith('/exhibition')) {
			// 	this.nowRoute = 1;
			// } else if (now.startsWith('/activity')) {
			// 	this.nowRoute = 2;
			// } else {
			// 	this.nowRoute = 0;
			// }
		},
		methods: {
			toProvince() {
				this.$router.push("/exhibition/provincial_level");
			}
		}
	}
</script>
<style lang="less" scoped>
	.home-container {
		height: 100%;
		width: 100%;

		.el-header {
			background-color: #17a2b8 !important;
			display: flex;
			justify-content: space-between;
			// padding-left: 0;
			align-items: center;
			color: #fff;
			font-size: 20px;

			div {
				display: flex;
				align-items: center;

				img {
					width: 100px;
					height: 100px;
				}

				span {
					margin-left: 15px;
				}
			}

		}

		.container {
			.el-main {
				background-color: #EAEDF1;
				height: 100%;
			}
		}

	}
</style>
